<style>
	.card .tag{
		color:white;
		padding: 4rpx 10rpx;
		border-radius: 6rpx;
		font-size: 24rpx;
	}
	.card .bacYellow{
		background-color: #f3d071;
	}
	.card .bacGray{
		background-color: #999999;
	}
	.card{
		padding: 20rpx 24rpx;
		background-color: #f6f6f6;
		border-radius: 10rpx;
	}
	.marqueeAvatar{
		width: 40rpx;
		height: 40rpx;
		border-radius: 20rpx;
		background-color: #acdcb9;
	}
	.marqueeAvatar[lazy=loading] {
		/*加载中*/  
		background-image: url('https://vkceyugu.cdn.bspapp.com/VKCEYUGU-767674fd-0f0e-4801-90e6-bef27c2e36df/bb182b66-6a3f-4934-ab86-50dbe1cc58dc.png');
	}  
</style>

<template>
	<view class="flex align-center justify-between card mar-t-7 w-100 box-b"  @click="toDetail(item)">
	    <view class="flex align-center w-100 box-b">
	    	<image class="marqueeAvatar" :src="item.user_info.avatar" v-if="item.user_info.avatar" :lazy-load="true"></image>
			<!-- <image class="marqueeAvatar" src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-767674fd-0f0e-4801-90e6-bef27c2e36df/bb182b66-6a3f-4934-ab86-50dbe1cc58dc.png" v-else></image> -->
	    	<view class="flex flex-column mar-l-5">
	    		<view class="flex align-center box-b">
	    			<text class="font-size-16 font-color-000 mar-l-5 tq-text-line1" v-if="item.ltype=='home_apply'">{{item.child_usernme}}</text>
					<text class="font-size-16 font-color-000 mar-l-5 tq-text-line1" v-else>{{item.apply_username}}</text>
	    			<text class="font-size-16 font-color-666 mar-l-5">{{item.sex_name}}</text>
	    		</view>
	    		<view class="">
	    			<text class="font-size-15 font-color-666 mar-l-5" v-if="item.ltype=='home_apply'">申请理由({{item.remark}})</text>
					<text class="font-size-15 font-color-666 mar-l-5 tq-text-line2" v-else>帮扶意向({{item.type_name}})</text>
	    		</view>
	    	</view>
	    </view>
		<text class="font-size-13 mar-l-5 text-right" style="width: 110rpx;" :class="item.status_name=='未匹配'?'font-color-price':'font-color-green'">{{item.status_name}}</text>
	</view>
</template>

<script>
	// import uniIcons from '@/components/uni-icons/uni-icons.vue'
	export default {
		name:"list-card",
		props:{
			item:{
				type:Object,
				default(){
					return {}
				}
			},
			types: {
				type:String,
				default:''
			},
			index: {
				type:Number,
				default:0
			}
		},
		data() {
			return {
				
			};
		},
		created() {
			// console.log('item',this.item.id);
		},
		methods:{
			toDetail(item) {
				if(item.ltype=='home_apply'&&item.status_name=='未匹配'){
					uni.navigateTo({
						url:`/pages/social/applyDetail?id=${item.id}&type=home`
					})
				}
			}
		}
	}
</script>